<script setup>
    import {ref} from 'vue'
    import {useRouter} from 'vue-router'
    let username =ref('')
    let password =ref('')
    let router = useRouter();
 
    function login(){
        //没连接后端和数据库，所以写的死数据
        if(username.value=="kk" && password.value == "123"){
            alert("登录成功");
            router.push("/home");
            // router.push({path:"/home",query:{uname:username.value}});           不推荐这种写法，因为写在这里只能home页面使用此数据，其他地方用不了
            localStorage.setItem("username",username.value);          //浏览器本地存储
        }else{
            alert("账号或密码错误！")
        }
    }

</script>
<template>   
    <div>
        账号： <input type="text" v-model="username" placeholder="请输入账号！"><br>
        密码： <input type="password" v-model="password" placeholder="请输入密码！"><br>
        <button @click="login()">登录</button>
    </div>
</template>
<style scoped>
</style>